<template>
  <div>
    <h2>欢迎来到Home页面</h2>
    <div class="msg_info">
      <router-link to="/home/message" class="home_child" active-class="active">Message</router-link>
      <router-link :to="{name:'info'}" class="home_child" active-class="active">Info</router-link>
    </div>
    <div class="msg_show"> 
      <router-view></router-view>
    </div>
  </div>
  
</template>

<script>
export default {
    name:"Home"
}
</script>

<style>
  .home_child{
    margin-right: 10px;
    text-decoration: none;
    color: green;
    /* border: 1px solid red; */
    /* border-radius: 3px; */
    padding: 2px;
  }
  .active{
    color: lightgray;
  }
  .msg_info{
    display: flex;
    /* justify-content: space-between; */
  }
</style>